@charset "utf-8";
@font-face {
  font-family: 'DIN';
  src: url(../font/D-DIN.otf);
}
@font-face {
  font-family: 'DS-DIGI';
  src: url(../font/DS-DIGI.TTF);
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url(../font/SourceHanSansCN-Regular.otf);
}
@font-face {
  font-family: 'PingFang';
  src: url(../font/PingFang Regular.ttf);
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: transparent;
    color: black
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary {
    margin: 0;
    padding: 0;
}
body, button, input, select, textarea {
    font-family: 'PingFang';
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500
}
ol, ul {
    list-style: none
}
input, textarea {
    font-size: 100%;
    -webkit-appearance: none;
    appearance:none;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
th {
    text-align: inherit
}
caption, th {
    text-align: left
}
fieldset, img {
    border: 0
}
img{
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
optgroup {
    font-weight: bold
}
button, [type="button"], [type="reset"], [type="submit"] {
    cursor: pointer
}
audio, canvas, progress, video {
    display: inline-block
}
progress {
    vertical-align: baseline
}
mark {
    background-color: #ff0;
    color: #000
}
iframe {
    display: block
}
abbr, acronym {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
del {
    text-decoration: line-through
}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500
}
q:before, q:after {
    content: ''
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
a:hover {
    text-decoration: underline
}
ins, a {
    text-decoration: none
}
a {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    -moz-tap-highlight-color: rgba(255, 0, 0, 0);
    -ms-tap-highlight-color: rgba(255, 0, 0, 0);
    tap-highlight-color: rgba(255, 0, 0, 0);
    -webkit-touch-callout: none;
    touch-callout: none
}
a:focus, *:focus {
    outline: 0
}
a:active, a:hover {
    outline-width: 0
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table
}
.clearfix:after {  
	visibility: hidden;  
	height: 0;  
	clear: both;
}
.clearfix {
    zoom: 1
}
.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden
}
.hide {
    display: none
}
.block {
    display: block
}
.inblock{
    display: inline-block
}
.fl, .fr {
    display: inline
}
.fl {
    float: left
}
.fr {
    float: right
}

/* 页面宽度 */
.w1920{
	width: 1920px;
	margin: 0 auto;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
/* 字体大小 */
.fs12{
	font-size: 12px;
}
.fs14{
	font-size: 14px;
}
.fs16{
	font-size: 16px;
}
.fs18{
	font-size: 18px;
}
.fs20{
	font-size: 20px;
}
.fs22{
	font-size: 22px;
}
.fs24{
	font-size: 24px;
}
/* 字体颜色 */
.colorf{
	color: #fff;
}
.color0{
	color: #000;
}
.color3{
	color: #333;
}
.color6{
	color: #666;
}
.color9{
	color: #999;
}
/* 字体加粗 */
.bold{
	font-weight: bold;
}
/* 外边距 */
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt12{
	margin-top: 12px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}

.mr5{
	margin-right: 5px;
}
.mr10{
	margin-right: 10px;
}
.mr15{
	margin-right: 15px;
}
.mr22{
	margin-right: 22px;
}
.mr25{
	margin-right: 25px;
}
.mr30{
	margin-right: 30px;
}

.ml5{
	margin-left: 5px;
}
.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}
.ml20{
	margin-left: 20px;
}
.ml30{
	margin-left: 30px;
}

.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
/* 内边距 */
.pt5{
	padding-top: 5px;
}
.pt10{
	padding-top: 10px;
}
.pt15{
	padding-top: 15px;
}
.pt20{
	padding-top: 20px;
}
.pt30{
	padding-top: 30px;
}

.pr5{
	padding-right: 5px;
}
.pr10{
	padding-right: 10px;
}
.pr15{
	padding-right: 15px;
}
.pr20{
	padding-right: 20px;
}
.pr30{
	padding-right: 30px;
}

.pl5{
	padding-left: 5px;
}
.pl10{
	padding-left: 10px;
}
.pl15{
	padding-left: 15px;
}
.pl20{
	padding-left: 20px;
}
.pl30{
	padding-left: 30px;
}

.pb5{
	padding-bottom: 5px;
}
.pb10{
	padding-bottom: 10px;
}
.pb15{
	padding-bottom: 15px;
}
.pb20{
	padding-bottom: 20px;
}
.pb30{
	padding-bottom: 30px;
}

/* 去边框 */
.bdno{
	border: none;
}
.bzb{
	box-sizing: border-box;
}




::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  #warp {
    width: 1920px;
    height: 1080px;
    position: relative;
    transform-origin: 0 0;
  }
  html {
    height: 100vh;
  }
  body {
    height: 100vh;
    background: url(../img/bg.png) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
  }
  .head {
    position: relative;
    color: #fff;
    width: 100%;
    height: 117px;
    background: url(../img/head.png) no-repeat center;
    background-size: 100% 100%;
  }
  .head .title {
    font-family: Alimama ShuHeiTi;
    font-weight: bold;
    font-size: 36px;
    color: #FEFEFF;
    text-align: center;
    padding-top: 12px
  }
  .head .head_l {
    position: absolute;
    left: 40px;
    top: 40px;
    display: flex;
    align-items: center;
  }
  .head .head_l .item {
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 26px;
    color: #FEFEFF;
    margin-right: 65px;
    display: flex;
    align-items: center;
  }
  .head .head_l .item img {
    margin-right: 5px;
    width: 28px;
  }
  .head .head_r {
    position: absolute;
    right: 45px;
    top: 40px;
    display: flex;
    align-items: center;
  }
  .head .head_r .item {
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 26px;
    color: #FEFEFF;
    cursor: pointer;
    display: flex;
    align-items: center;
  }